body {
    font-size:12px;
    font-family:sans, Verdana;
    /*line-height:120%;*/
    margin:0px 20px;
}
a {
    text-decoration: none;
}
div.motes1 {
    margin-bottom:12px;
    line-height:120%;
}
div.motes2 {
    margin-bottom:12px;
    line-height:150%;
}
div.mote {
}
div.contents {
    margin-top:60px;
    min-height:400px;
    border-bottom:thin dashed;
}
div.subcontents {
    margin:10px 0px;
}
div.topmenu {
    float:left;
    word-spacing:3px;
    font-size:100%;
    padding-top:10px;
    padding-bottom:10px;
    white-space:nowrap;
    text-align:left;
    *border-top:thin dashed;
    *border-bottom:thin dashed;
    margin-bottom:12px;
    width:100%;
}
div.form {
    margin-bottom:12px;
}
div.title {
    font-size:120%;
    font-weight:bold;
    text-align:center;
    margin:0px 0px 0px 0px;
}
div.error {
    font-weight:bold;
}
div.error2 {
    font-weight:bold;
    font-size:120%;
    text-align:center
}
.topmenu {
    border-style:solid;
    border-width:1px;
    border-color:#175186;
    border-radius:6px;
}
.topmenu a{
    font-weight:bold;
    text-decoration: none;
}
.box{
    float:left;
    color:#000;
    text-align:center;
}
div.box{
    padding:10px;
    margin:5px;
    width:29%;
    background-color:#ffffff;
    border-radius:12px;
    border-style:solid;
    border-width:1px;
    border-color:#175186;
}
div.box:hover{
    border-width: 3px;
    padding:8px
}
.box h3{
    margin:0;
    margin-bottom:5px;
}
.box p{
    margin:0;
    margin-top:5px;
}
.box img{
    max-width:100%;
    max-height:200px;
    border-style:none;
    border-radius:8px;
}
.box .pic{
    height:200px;
    *background-color:#000;
}
.table{
    border:0;
    width:100%;
    text-align:center;
    vertical-align:middle;
}
.table tr th{
    height:20px;
}
h4.err{
    color:red;
}
h4.suc{
    color:green;
}
h4.war{
    color:orange;
}
.coded{
    display:none;
}
input.widthtext{
    width:300px;
}
#logo{
    height:70px;
    float:left;
    margin:-20px -80px 15px 20px;
}
#cont{
    margin:auto;
}
#seal-frame{
    width:96%;
    height:600px;
    margin-left:2%;
    border-radius:10px;
}
.graph{
    width:98%;
    margin:auto;
    margin-top:30px;
    margin-bottom:1px;
    border:thin;
}
.graphbutton, .graphbutton p{
    margin:0;
    margin-left:1%;
}
#listen_div {
    min-width:400px;
    height:480px;
    margin:0 auto;
    padding-top:6px;
    padding-bottom:10px;
    padding-left:12px;
    border:2px;
    border-style:dashed;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* Modalbox style */
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  overflow: auto;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -ms-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 50%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-body {
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}
.fade {
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}
